@import "~normalize.css";
/*引入node_modules中的样式
@import "~模块名/路径/xx.css"
*/

ul{
    margin: 0;
    padding: 0
}
li, p, ul {
    margin: 0;
}
li, ul {
    list-style: none;
    padding: 0;
}
p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
a {
    color: #999;
    text-decoration: none;
}

a, body, button, html, input, select, textarea {
    color: #3f484f;
    font-family: Microsoft YaHei,Arial;
    -webkit-font-smoothing: antialiased;
}
body, html {
    margin: 0;
    background-color: #fff;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 400;
}
input,button,select,textarea{ 
    outline:none;
}
textarea{
    resize:none;
}
.float-left{
    float:left;
}

.float-right{
    float:right;
}
hr {
    margin: 0;
}
.icon-arrow-down, .icon-arrow-up, .icon-back-up, .icon-down, .icon-qrcode, .icon-refresh, .icon-search {
    font-weight: 700;
}
a, a:hover {
    text-decoration: none;
    outline: none;
}
a, fieldset, img {
    border: none;
}
a, button {
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
/*头部*/
/*顶部链接*/
.header-channel-nav .content, .header-mini .content, .header-search .content, .header-top .content {
    display: block;
    width: 1080px;
    margin: 0 auto;
}
.header-top{
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #eaeaea;
    background-color: #f9f9f9;
    position: absolute;
    top: 0;
    left: 0;
}
.header-top .header-links {
    position: relative;
    right: -10px;
}
.header-top .header-links>*{
    color: #999;
    font-size: 13px;
    padding: 0 10px;
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
}
.split-icon{
    height: 0px;
    width: 0;
    border-left: 1px solid #e0e0e0;
}
.header-top .split-icon{
    padding: 0;
    height: 14px;
}
/*搜索框*/
.header-channel-nav .content, .header-mini .content, .header-search .content, .header-top .content {
    display: block;
    width: 1080px;
    margin: 0 auto;
}
.header-search {
    width: 100%;
    position: absolute;
    left: 0;
    top: 62px;
}
.header-search .logo {
    font-size: 131px;
    line-height: 26px;
    margin-right: 17px;
    padding: 0;
    max-height: 35px;
    overflow: hidden;
}
.header-search .input-search {
    width: 422px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #cbcbcb;
    font-size: 16px;
    margin-right: 9px;
}
.header-search .btn-search {
    width: 90px;
    height: 36px;
    background-color: #129aee;
    color: #fff;
    border:0;
}
.header-search .btn.btn-search {
    font-size: 16px;
}
.header-search a, .header-search span {
    color: #129aee;
    line-height: 36px;
    padding: 0 17px;
    vertical-align: middle;
}
.header-search .header-links>* {
    font-size: 15px;
}
.header-search .content>*, .header-search .header-links>* {
    display: inline-block;
    vertical-align: middle;
}
a, button {
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn-login {
    width: 60px;
    height: 25px;
    color: #129aee;
    background-color: transparent;
    border: 1px solid #129aee;
    border-radius: 2px;
}
.header-search .btn-login {
    margin-left: 17px;
}
.header-search .split-icon {
    padding: 0;
    height: 14px;
}
.header-channel-nav .user-info-box, .header-mini .user-info-box, .header-search .user-info-box, .header-top .user-info-box {
    height: 27px;
    margin-left: 17px;
    position: relative;
    font-size: 0;
}
.header-search .content>*, .header-search .header-links>* {
    display: inline-block;
    vertical-align: middle;
}
.header-search .header-links>* {
    font-size: 15px;
}
.header-search .user-info-box {
    margin-top: -7px;
}
.header-channel-nav .user-info-box .user-info, .header-mini .user-info-box .user-info, .header-search .user-info-box .user-info, .header-top .user-info-box .user-info {
    display: inline-block;
    padding: 0;
}
.header-channel-nav .user-info-box .profile, .header-mini .user-info-box .profile, .header-search .user-info-box .profile, .header-top .user-info-box .profile {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 1px solid #f2f2f2;
}
.header-channel-nav .user-info-box .nickname, .header-mini .user-info-box .nickname, .header-search .user-info-box .nickname, .header-top .user-info-box .nickname {
    color: #222;
    padding: 0 0 0 7px;
    width: 47px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-right: 7px;
    white-space: nowrap;
    font-size: 15px;
}
.header-channel-nav .user-info-box .user-info>*, .header-mini .user-info-box .user-info>*, .header-search .user-info-box .user-info>*, .header-top .user-info-box .user-info>* {
    display: inline-block;
    vertical-align: middle;
}
.header-channel-nav .user-info-box .icon-down1, .header-mini .user-info-box .icon-down1, .header-search .user-info-box .icon-down1, .header-top .user-info-box .icon-down1 {
    padding: 0;
    color: #222;
    font-size: 12px;
}
.header-channel-nav .user-info-box .user-info-menu, .header-mini .user-info-box .user-info-menu, .header-search .user-info-box .user-info-menu, .header-top .user-info-box .user-info-menu {
    width: 100px;
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -50px;
    top: 40px;
    display: none;
    padding-top: 5px;
}
.header-mini .user-info-box .user-info-menu{
    padding-top: 15px;
    top:30px;
}
.header-channel-nav .user-info-box .user-info-menu a, .header-mini .user-info-box .user-info-menu a, .header-search .user-info-box .user-info-menu a, .header-top .user-info-box .user-info-menu a {
    display: block;
    color: #222;
    font-size: 14px;
    line-height: 31px;
    text-align: center;
    background: #fbfbfb;
}
.header-channel-nav .user-info-box .user-info-menu a:hover, .header-mini .user-info-box .user-info-menu a:hover, .header-search .user-info-box .user-info-menu a:hover, .header-top .user-info-box .user-info-menu a:hover{
    color: #129aee;
}
.header-channel-nav .user-info-box .user-info-menu a:nth-child(1), .header-mini .user-info-box .user-info-menu a:nth-child(1), .header-search .user-info-box .user-info-menu a:nth-child(1), .header-top .user-info-box .user-info-menu a:nth-child(1){
    padding-top:8px;
    
}
.header-channel-nav .user-info-box .user-info-menu a:nth-child(3), .header-mini .user-info-box .user-info-menu a:nth-child(3), .header-search .user-info-box .user-info-menu a:nth-child(3), .header-top .user-info-box .user-info-menu a:nth-child(3){
    padding-bottom:8px;
}
/*导航条*/
:root .header-channel-nav .logo {
    line-height: 34px\9;
}
.header-channel-nav.header-mini .logo {
    width: 99px;
    margin-right: 17px;
}
.header-channel-nav .logo {
    height: 26px;
    margin-top: 13px;
    font-size: 99px;
    line-height: 26px;
    display: inline-block;
}
.anim {
    -webkit-transition: all .2s;
    transition: all .2s;
}
.header-channel-nav.header-mini .header-links {
    width: 192px;
    margin-left: 15px;
    overflow: visible;
}
.header-channel-nav .header-links {
    line-height: 32px;
    padding-right: 0;
    position: relative;
    -webkit-transition: width .3s;
    transition: width .3s;
}
.header-channel-nav .icon-search {
    font-size: 17px;
    line-height: 19px;
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 1;
}
.header-channel-nav .header-links>* {
    display: inline-block;
    vertical-align: middle;
}
.header-channel-nav .header-links, .header-channel-nav .logo {
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 10px;
}
.header-channel-nav {
    width: 100%;
    position: absolute;
    left: 0;
    top: 132px;
    border-bottom: 1px solid #e0e0e0;
}
.header-channel-nav .content {
    position: relative;
    bottom: -1px;
}
.header-channel-nav .content, .header-mini .content, .header-search .content, .header-top .content {
    display: block;
    width: 1080px;
    margin: 0 auto;
}
.header-channel-nav.header-mini {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    font-family: Microsoft YaHei;
}
.suggestion-search-box {
    position: relative;
}
.header-channel-nav .header-links .suggestion-search-box .input-search {
    width: 0;
    height: 32px;
    font-size: 14px;
    border: 0 solid #e0e0e0;
}
.header-mini .suggestion {
    top: 34px;
}

.suggestion {
    width: 100%;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 2;
    background: #fdfdfd;
    display: none;
}
.suggestion .inner-block-box {
    padding: 12px 0;
    border: 1px solid #e0e0e0;
    border-top: none;
}
.suggestion .item {
    display: block;
    line-height: 0;
    padding: 0 20px;
}
.suggestion.hot-search-suggestion .index {
    width: 8px;
    height: 32px;
    margin-right: 20px;
    background: no-repeat 50%;
    font-size: 13px;
    line-height: 40px;
}
.suggestion .item-content {
    overflow: hidden;
}
.suggestion.hot-search-suggestion .hot-search-word {
    line-height: 37px;
}
.suggestion .item-content div, .suggestion span {
    font-size: 14px;
    padding: 0;
    color: #222;
}
.suggestion .channel-name, .suggestion .hot-search-word {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-channel-nav .header-links .link-ydhao {
    margin-left: 50px;
    margin-right: 38px;
    color: #129aee;
}
.channel-nav {
    height: 52px;
    overflow: hidden;
}
.channel-nav .down {
    width: 16px;
    height: 50px;
    padding-right: 25px;
    color: #999;
    float: right;
    cursor: pointer;
    line-height: 52px;
}
.channel-nav .list {
    height: 52px;
    overflow: hidden;
}
.channel-nav .item.active {
    color: #129aee;
    border-bottom-color: #129aee;
}
.channel-nav .item {
    color: #222;
    font-size: 16px;
    padding: 0 25px;
    line-height: 50px;
    height: 50px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.channel-nav .item:hover{
    color: #129aee;
}
.header-channel-nav .user-info-box {
    margin-left: 0;
}
.header-channel-nav .user-info-box .profile {
    width: 27px;
    height: 27px;
}
.header-channel-nav .user-info-box .icon-down, .header-mini .user-info-box .icon-down, .header-search .user-info-box .icon-down, .header-top .user-info-box .icon-down {
    padding: 0;
    color: #222;
    font-size: 12px;
}

/*主体部分*/
.main {
    width: 1080px;
    margin: 0 auto;
    margin-top: 199px;
    position: relative;
}
.doc {
    display: block;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
}
.doc-content {
    font-size: 0;
    overflow: hidden;
}
.doc-title {
    color: #222;
    font-size: 20px;
    line-height: 1.34;
    max-height: 52px;
    -webkit-transition: color .5s;
    transition: color .5s;
}
.doc-info>* {
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-right: 11px;
    display: inline-block;
    white-space: nowrap;
    color: #777;
}
.doc:visited .doc-info>*, .doc:visited .doc-summary, .doc:visited .doc-title {
    color: #999;
}
.doc-info, .doc-title {
    overflow: hidden;
}
.style-small-image .doc-image-small-wrapper {
    float: left;
    margin-right: 20px;
    padding: 9px 0;
}
.style-small-image.style-content-middle .doc-content-inline {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.style-small-image.style-content-middle .doc-content:after{
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.style-small-image.style-content-middle .doc-title {
    margin-top: 0;
}
.style-small-image .doc-title {
    margin-top: 10px;
}
.style-small-image .doc-info {
    position: absolute;
    bottom: 10px;
}
.style-small-image.style-content-middle .doc-info {
    position: static;
    margin-top: 10px;
}
.style-small-image .doc-content {
    height: 126px;
    overflow: hidden;
}
.style-small-image .doc-image-box {
    width: 161px;
    height: 108px;
}
.style-multi-image .doc-title {
    margin: 10px 0;
    line-height: 1.5;
    max-height: 58px;
}
.style-multi-image .doc-image-multi-wrapper {
    overflow: hidden;
}
.style-multi-image .doc-image-multi-wrapper .doc-image-box.box-0 {
    margin-left: 0;
}
.style-multi-image .doc-image-multi-wrapper .doc-image-box {
    width: 161px;
    height: 108px;
    display: inline-block;
    margin-left: 8px;
    float: left;
}
.doc-image-box {
    overflow: hidden;
    position: relative;
}
.doc-image-box img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
.doc-image, .doc-image-small {
    background: #f6f6f6 url(…fVrp9f6N8CAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8J/6DhhuP3EVYunqAAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100% 100%;
}
.doc-info>* {
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-right: 11px;
    display: inline-block;
    white-space: nowrap;
    color: #777;
}
.doc-info>img {
    height: 20px;
}
.source-profile {
    height: 20px;
    border-radius: 100%;
}
.doc-info .doc-remove {
    font-size: 12px;
    float: right;
    color: transparent;
    margin-right: 0;
    padding-right: 5px;
}
.doc-info .doc-remove .icon-close-half {
    font-size: 18px;
    vertical-align: -3px;
    color: #999;
    margin-left: 3px;
}
/*aside*/
.aside {
    width: 337px;
    float: right;
}
.widget {
    margin-bottom: 20px;
}
.widget h4 {
    color: #222;
    font-size: 20px;
    line-height: 2;
    padding-right: 3px;
    display: inline-block;
    border-bottom: 1px solid #222;
    position: relative;
    bottom: -1px;
    z-index: 1;
}
.widget .content {
    border-top: 1px solid #f2f2f2;
}
.widget-hot-article .doc.last {
    border-bottom: none;
}

/*aside01*/

.widget.widget-imedia-article {
    margin-top: -9px;
}
.widget.widget-imedia-article .doc-image-small {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid #f2f2f2;
}
.widget.widget-imedia-article .content {
    border-top: none;
}
.widget.widget-imedia-article .doc {
    border-bottom: none;
}
.widget.widget-imedia-article .doc-image-small-wrapper {
    padding: 15px 0;
    margin-right: 15px;
    position: relative;
}
.widget.widget-imedia-article .doc-content {
    height: 92px;
    border-bottom: 1px solid #f2f2f2;
}

.widget.widget-imedia-article .doc-title {
    font-size: 16px;
    max-height: 42px;
    overflow: hidden;
}

.widget.widget-imedia-article .doc-content .doc-info {
    margin-top: 5px;
}


/*aside02*/
.widget-hot-article .index {
    font-size: 18px;
    height: 55px;
    line-height: 56px;
    width: 12px;
    float: left;
    margin: 0 16px 0 11px;
}
.iconfont {
    color: #999;
}
.icon-1 {
    color: #d70000;
}
.icon-2 {
    color: #ff6000;
}
.icon-31 {
    color: #ff9a22;
}
.doc:visited .doc-info>*, .doc:visited .doc-summary, .doc:visited .doc-title {
    color: #999;
}
.widget-hot-article .doc-title {
    font-size: 16px;
    height: 55px;
    line-height: 54px;
    overflow: hidden;
}
/*aside03*/
.widget.widget-hot-video .doc.last {
    border-bottom: none;
}
.widget.widget-hot-video .doc-image-small-wrapper {
    padding: 14px 0;
}
.widget.widget-hot-video .doc-image-box {
    width: 110px;
    height: 75px;
    position: relative;
}

.widget.widget-hot-video .video-time {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    padding: 0 5px 0 15px;
    background: rgba(0,0,0,.5) url(…QI12NIYmBgmOjAwDBzqgLDzJkiQCzOMHOyAsPEBgYGIwYGAH3lB6AKnDFPAAAAAElFTkSuQmCC) 7px no-repeat;
    background-size: 5px;
    line-height: 18px;
}
.doc-image-box .video-time {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    padding: 0 5px 0 15px;
    background: rgba(0,0,0,.5) url(…QI12NIYmBgmOjAwDBzqgLDzJkiQCzOMHOyAsPEBgYGIwYGAH3lB6AKnDFPAAAAAElFTkSuQmCC) 7px no-repeat;
    background-size: 5px;
    line-height: 18px;
}
.widget.widget-hot-video .doc-content {
    height: 102px;
}
.widget.widget-hot-video .doc-title {
    font-size: 16px;
    margin-top: 16px;
    max-height: 42px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.widget.widget-hot-video .doc-info div, .widget.widget-hot-video .doc-info span {
    font-size: 12px;
}

/*aside04*/
.widget.widget-media-list .doc {
    height: 60px;
    line-height: 61px;
    font-size: 16px;
}
.widget.widget-media-list .media-list-name {
    width: 99px;
    display: inline-block;
    float: left;
    overflow: hidden;
}
/*aside05*/
.widget-about-yidian {
    margin-bottom: 0;
}
.widget-about-yidian .links {
    text-align: center;
    margin-top: 22px;
}
.widget-about-yidian .item {
    display: inline-block;
    margin: 0 22px;
}
.widget-about-yidian .item .iconfont {
    width: 55px;
    height: 57px;
    padding-left: 2px;
    font-size: 24px;
    color: #333;
    line-height: 57px;
    border: 1px solid #f2f2f2;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto;
}
.widget-about-yidian .item p {
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
}
.widget-about-yidian .qrcode-download {
    width: 337px;
    height: 127px;
    background: #fbfbfb;
    overflow: hidden;
    margin: 26px auto 0;
}
.widget-about-yidian .qrcode-download .qrcode {
    margin: 17px 31px 17px 24px;
    color: #333;
    font-size: 94px;
    line-height: 94px;
}
.logo {
    width: 131px;
    height: 29px;
    font-size: 131px;
    line-height: 26px;
    color: #129aee;
}
.widget-about-yidian .qrcode-download .logo {
    color: #333;
    font-size: 126px;
    margin-top: 33px;
    overflow: hidden;
}
.widget-about-yidian .qrcode-download a {
    display: block;
    color: #129aee;
    margin-top: 11px;
    overflow: hidden;
}
.widget-about-yidian .qrcode {
    float: left;
}
.widget-about-yidian .official-info {
    background: #fbfbfb;
    overflow: hidden;
    margin: 13px auto 0;
    padding: 18px 26px;
    padding-right: 0;
}
.widget-about-yidian .official-info>*, .widget-about-yidian .official-info a {
    display: block;
    font-size: 14px;
    line-height: 29px;
    color: #999;
}
.widget-about-yidian .official-info a.honest-icon {
    float: left;
    margin-right: 7px;
}
.widget-about-yidian .official-info a.honest-icon img {
    height: 20px;
}
.widget-about-yidian .official-info .icon-jgw {
    width: 20px;
    height: 29px;
    margin-right: 5px;
    background: url(//staticimg.yidianzixun.com/modules/build/images/jgw_icon-d0289dc0.jpg) no-repeat 50%;
}
.widget-about-yidian .official-info p span {
    display: inline-block;
    vertical-align: middle;
}
.widget-about-yidian .official-info .icon-12377, .widget-about-yidian .official-info .icon-jubao {
    height: 58px;
    width: 289px;
    margin-top: 15px;
    padding: 15px 0;
    font-size: 14px;
    background: #fff;
}
.widget-about-yidian .official-info .icon-12377 img, .widget-about-yidian .official-info .icon-jubao img {
    float: left;
    width: 57px;
    height: 50px;
    margin: 5px 15px 0;
}
.widget-about-yidian .official-info .icon-12377 h5, .widget-about-yidian .official-info .icon-jubao h5 {
    color: #3f484f;
    font-size: 18px;
} 

/*slide*/
.slide {
    overflow: hidden;
    width: 690px;
    height: 350px;
    position: relative;
    margin-bottom: 13px;
}
.slide .slide-list {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
}

element.style {
    display: none;
}
.slide .slide-item {
    overflow: hidden;
    width: 100%;
    height: 100%;
    font-size: 0;
    float: left;
    display: none;
}
.slide .slide-item img {
    width: 100%;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.slide .slide-item.item-0 {
    display: block;
}
.slide .slide-item.item-0 img {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.slide .slide-shadow {
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear,0 0,0 bottom,from(transparent),to(rgba(0,0,0,.7)));
}
.slide .slide-item-title {
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-align: left;
    position: absolute;
    bottom: 15px;
    margin-left: 27px;
}
.slide .flag-wrapper {
    position: absolute;
    bottom: 19px;
    right: 19px;
    text-align: center;
    line-height: 11px;
}
.slide .flag-wrapper .flag {
    width: 8px;
    height: 8px;
    margin: 0 3px;
    border-radius: 100%;
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
}
.slide .flag-wrapper .flag.active {
    background-color: #129aee;
}


/*channel-news*/
.channel-news {
    overflow: hidden;
}
.channel-news {
    width: 690px;
    border-top: 1px solid #f2f2f2;
}
.channel-news .doc {
    -webkit-transition: height .3s,padding .3s,margin .3s;
    transition: height .3s,padding .3s,margin .3s;
}
.channel-news .split-refresh-btn {
    height: 35px;
    color: #439bd7;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #74caff;
    border-radius: 4px;
    background: #eff6fc;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.channel-news .loading-tip, .channel-news .refresh-tip {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

/*弹出框*/
.mask {
    width: 100%;
    height: 100%;
    z-index: 1000;
    left: 0;
    top: 0;
    opacity: .3;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    display: none;
}
#toast, .mask {
    position: fixed;
    background: #000;
}
.login-register-dialog {
    width: 330px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -217px;
    z-index: 1001;
    padding: 0 52px;
    display: none;
}
.login-dialog, .login-mobile-dialog {
    min-height: 400px;
    margin-top: -200px;
    padding-bottom: 30px;
}
.login-register-dialog .close {
    width: 17px;
    height: 17px;
    font-size: 17px;
    line-height: 17px;
    position: absolute;
    right: 17px;
    top: 16px;
    color: #e5e5e5;
    cursor: pointer;
}
.logo {
    width: 131px;
    height: 29px;
    font-size: 131px;
    line-height: 26px;
    color: #129aee;
}
.login-register-dialog .logo {
    width: 97px;
    height: 23px;
    margin: 0 auto;
    background-size: 100%;
    font-size: 97px;
    line-height: 23px;
}
.login-register-dialog .input-box {
    position: relative;
}
.login-dialog .input-username-box, .login-dialog .logo, .login-mobile-dialog .input-username-box, .login-mobile-dialog .logo {
    margin-top: 30px;
}
.login-dialog .input-username-box, .login-dialog .logo, .login-mobile-dialog .input-username-box, .login-mobile-dialog .logo {
    margin-top: 30px;
}
.login-register-dialog input {
    font-size: 14px;
    width: 300px;
    height: 21px;
    border: 1px solid #eaeaea;
    padding: 10px 14px;
}
.login-register-dialog .error-msg {
    margin: 13px 0;
    color: #413b3a;
}
.btn-login {
    width: 60px;
    height: 25px;
    color: #129aee;
    background-color: transparent;
    border: 1px solid #129aee;
    border-radius: 2px;
}
.login-register-dialog button {
    width: 330px;
    height: 38px;
    background: #4bb0f7;
    color: #fff;
    border: none;
    font-size: 16px;
}
.login-register-dialog button {
    width: 330px;
    height: 38px;
    background: #4bb0f7;
    color: #fff;
    border: none;
    font-size: 16px;
}
.login-register-dialog .btn-has-border {
    width: 328px;
    height: 36px;
    background: none;
    color: #4bb0f7;
    border: 1px solid #79c0f4;
}
.login-dialog .btn-register, .login-dialog .input-image-verification-code-box, .login-dialog .input-password-box, .login-dialog .input-phone-verification-code-box, .login-mobile-dialog .btn-register, .login-mobile-dialog .input-image-verification-code-box, .login-mobile-dialog .input-password-box, .login-mobile-dialog .input-phone-verification-code-box {
    margin-top: 10px;
}
.login-dialog .link-wrapper, .login-mobile-dialog .link-wrapper {
    overflow: hidden;
}
.login-dialog .third-party-title, .login-mobile-dialog .third-party-title {
    width: 110px;
    font-size: 14px;
    color: #999;
    line-height: 12px;
    background: #fff;
    text-align: center;
    margin: -6px auto 0;
}
.login-dialog .third-party-box, .login-mobile-dialog .third-party-box {
    width: 282px;
    height: 40px;
    margin: 20px auto 0;
}
.login-dialog .third-party-box .iconfont, .login-mobile-dialog .third-party-box .iconfont {
    width: 33.3%;
    line-height: 40px;
    font-size: 27px;
    display: inline-block;
    float: left;
    text-align: center;
    color: #d3d3d3;
}
.login-dialog .third-party-box .icon-qq, .login-mobile-dialog .third-party-box .icon-qq {
    font-size: 24px;
}
.login-dialog .third-party-box .icon-weixin, .login-mobile-dialog .third-party-box .icon-weixin {
    display: none;
}
.login-dialog hr, .login-mobile-dialog hr {
    border: none;
    border-top: 1px solid #e6e6e6;
    margin-top: 25px;
}

.login-dialog .link-wrapper, .login-mobile-dialog .link-wrapper {
    overflow: hidden;
}
.login-dialog .to-login, .login-dialog .to-login-mobile, .login-mobile-dialog .to-login, .login-mobile-dialog .to-login-mobile {
    float: left;
}
.login-dialog .link-wrapper a, .login-mobile-dialog .link-wrapper a {
    font-size: 14px;
    color: #999;
    line-height: 12px;
    margin: 15px 0;
}
.login-dialog .forget-psw, .login-mobile-dialog .forget-psw {
    float: right;
}
.login-dialog .link-wrapper a, .login-mobile-dialog .link-wrapper a {
    font-size: 14px;
    color: #999;
    line-height: 12px;
    margin: 15px 0;
}

/*工具栏*/
.widget-tool {
    position: fixed;
    left: 50%;
    bottom: 30px;
    margin-left: 655px;
    overflow: visible;
}
.widget-tool .item {
    width: 44px;
    height: 44px;
    background: no-repeat 50%;
    margin-bottom: 7px;
    font-size: 44px;
    line-height: 44px;
}
.widget-tool>.icon {
    font-size: 19px;
    color: #fff;
    line-height: 44px;
    text-align: center;
    background: #e4e4e4;
    border-radius: 100%;
}
.anim {
    -webkit-transition: all .2s;
    transition: all .2s;
}
.widget-tool .item.back-up {
    font-size: 17px;
    cursor: pointer;
    line-height: 46px;
    padding-left: 1px;
    width: 43px;
    opacity: 0;
}

/*字体图标*/

@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1509782437798'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=1509782437798#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('../fonts/iconfont.ttf?t=1509782437798') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=1509782437798#iconfont') format('svg'); /* iOS 4.1- */
  }
  
  .iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-2:before { content: "\e60d"; }
  
  .icon-31:before { content: "\e63d"; }
  
  .icon-1:before { content: "\e725"; }
  
  .icon-4:before { content: "\e604"; }
  
  .icon-52:before { content: "\e687"; }

  .icon-close:before { content: "\e6b6"; }
  
  .icon-close48:before { content: "\e70c"; }

// @font-face {font-family: "iconfont";
//     src: url('../fonts/iconfont.eot?t=1504954552384'); /* IE9*/
//     src: url('../fonts/iconfont.eot?t=1504954552384#iefix') format('embedded-opentype'), /* IE6-IE8 */
//     url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
//     url('../fonts/iconfont.ttf?t=1504954552384') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
//     url('../fonts/iconfont.svg?t=1504954552384#iconfont') format('svg'); /* iOS 4.1- */
//   }
  
//   .iconfont {
//     font-family:"iconfont" !important;
//     font-size:16px;
//     font-style:normal;
//     -webkit-font-smoothing: antialiased;
//     -moz-osx-font-smoothing: grayscale;
//   }
  
//   .icon-2:before { content: "\e60d"; }
  
//   .icon-31:before { content: "\e63d"; }
  
//   .icon-1:before { content: "\e725"; }
  
//   .icon-4:before { content: "\e604"; }
  
//   .icon-52:before { content: "\e687"; }
.icon-arrow-down, .icon-arrow-up, .icon-back-up, .icon-down, .icon-qrcode, .icon-refresh, .icon-search {
    font-weight: 700;
}


  
  

